<template>
  <section class="blog-details">
    <div class="container">
      <div class="row">
        <div class="col-lg-8">
          <div class="blog-details__main">
            <div class="blog-details__image">
              <img src="/assets/images/blog-details-thumb.jpg" alt="thumb">
              <span>06 April, 2020   <span>-    2 Comments</span></span>
            </div><!-- /.blog-details__image -->
            <div class="blog-details__content">
              <h3>We believe in building long lasting our business relationships</h3>
              <p>Lorem ipsum is simply free text used by copytyping refreshing. Neque porro est qui dolorem ipsum quia quaed inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Aelltes port lacus quis enim var sed efficitur turpis gilla sed sit amet finibus eros. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the ndustry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. Lorem Ipsum is simply dummy text of the new design printng and type setting Ipsum Take a look at our round up of the best shows coming soon to your telly box has been the is industrys. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has industr standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of.</p>
              <p>Neque porro est qui dolorem ipsum quia quaed inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Aelltes port lacus quis enim var sed efficitur turpis gilla sed sit amet finibus eros. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the ndustry stan when an unknown printer took a galley.</p>
            </div><!-- /.blog-details__content -->
            <div class="blog-details__meta">
              <div class="blog-details__tags">
                <span>Tags: </span> <a href="#">Construction,</a> <a href="#">Build,</a> <a href="#">Factory</a>
              </div><!-- /.blog-details__tags -->
              <div class="blog-details__share">
                <ul>
                  <li><a href="#"><i class="fa fa-facebook-square"></i></a></li>
                  <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                  <li><a href="#"><i class="fa fa-pinterest-p"></i></a></li>
                </ul>
              </div><!-- /.blog-details__share -->
            </div><!-- /.blog-details__meta -->
          </div><!-- /.blog-details__main -->

          <div class="blog-author">
            <div class="blog-author__image">
              <img src="/assets/images/author.jpg" alt="author">
            </div><!-- /.blog-author__image -->
            <div class="blog-author__content">
              <h3>Christine Eve </h3>
              <p>Lorem ipsum is simply free text used by copytyping refreshing. Neque porro est qui dolorem ipsum quia quaed veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
            </div><!-- /.blog-author__content -->
          </div><!-- /.blog-author -->

          <div class="comment-one">
            <h3 class="comment-one__block-title">2 Comments</h3><!-- /.comment-one__block-title -->
            <div class="comment-one__single">
              <div class="comment-one__image">
                <img src="/assets/images/comment-1-1.jpg" alt="">
              </div><!-- /.comment-one__image -->
              <div class="comment-one__content">
                <h3>Kevin Martin <span class="comment-one__date">20 April, 2020</span></h3>

                <p>Lorem ipsum is simply free text used by copytyping refreshing. Neque porro est qui dolorem ipsum quia quaed inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
              </div><!-- /.comment-one__content -->
              <div class="blog-btn">
                <a href="#" class="main-btn text-center">Reply</a>
              </div>
              <!-- /.thm-btn comment-one__btn -->
            </div><!-- /.comment-one__single -->
            <div class="comment-one__single">
              <div class="comment-one__image">
                <img src="/assets/images/comment-1-2.jpg" alt="">
              </div><!-- /.comment-one__image -->
              <div class="comment-one__content">
                <h3>Sarah albert <span class="comment-one__date">20 April, 2020</span></h3>
                <p>Lorem ipsum is simply free text used by copytyping refreshing. Neque porro est qui dolorem ipsum quia quaed inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
              </div><!-- /.comment-one__content -->
              <div class="blog-btn">
                <a href="#" class="main-btn text-center">Reply</a>
              </div>
              <!-- /.thm-btn comment-one__btn -->
            </div><!-- /.comment-one__single -->
          </div><!-- /.comment-one -->
          <div class="comment-form">
            <h3 class="comment-one__block-title">Leave a Comment</h3><!-- /.comment-one__block-title -->
            <form action="#" class="contact-one__form">
              <div class="row">
                <div class="col-lg-6">
                  <div class="input-box">
                    <input type="text" placeholder="Your name" name="name">
                  </div>
                </div><!-- /.col-lg-6 -->
                <div class="col-lg-6">
                  <div class="input-box">
                    <input type="text" placeholder="Email Address" name="email">
                  </div>
                </div><!-- /.col-lg-6 -->
                <div class="col-lg-6">
                  <div class="input-box">
                    <input type="text" placeholder="Phone number" name="number">
                  </div>
                </div><!-- /.col-lg-6 -->
                <div class="col-lg-6">
                  <div class="input-box">
                    <input type="text" placeholder="Subject" name="subject">
                  </div>
                </div><!-- /.col-lg-6 -->
                <div class="col-lg-12">
                  <div class="input-box">
                    <textarea placeholder="Write Message" name="message"></textarea>
                  </div>
                </div><!-- /.col-lg-12 -->
                <div class="col-lg-12 text-left">
                  <div class="input-box">
                    <button type="submit" class="main-btn">Submit Comment</button>
                  </div>
                  <!-- /.thm-btn contact-one__btn -->
                </div><!-- /.col-lg-12 -->
              </div><!-- /.row -->
            </form><!-- /.contact-one__form -->
          </div><!-- /.comment-form -->
        </div><!-- /.col-lg-8 -->
        <div class="col-lg-4">
          <div class="sidebar">
            <div class="sidebar__single sidebar__search">
              <form action="#" class="sidebar__search-form">
                <input type="text" name="search" placeholder="Search here...">
                <button type="submit"><i class="fa fa-search"></i></button>
              </form>
            </div><!-- /.sidebar__single -->
            <div class="sidebar__single sidebar__post">
              <h3 class="sidebar__title">Recent Posts</h3><!-- /.sidebar__title -->
              <div class="sidebar__post-wrap">
                <div class="sidebar__post__single">
                  <div class="sidebar__post-image">
                    <div class="inner-block"><img src="/assets/images/post-1.png" alt="Awesome Image"></div>
                    <!-- /.inner-block -->
                  </div><!-- /.sidebar__post-image -->
                  <div class="sidebar__post-content">
                    <span>20 Apr, 2020</span>
                    <h4 class="sidebar__post-title"><a href="/single-post">We design industry materials of innovation</a></h4>
                    <!-- /.sidebar__post-title -->
                  </div><!-- /.sidebar__post-content -->
                </div><!-- /.sidebar__post__single -->
                <div class="sidebar__post__single">
                  <div class="sidebar__post-image">
                    <div class="inner-block"><img src="/assets/images/post-2.png" alt="Awesome Image"></div>
                    <!-- /.inner-block -->
                  </div><!-- /.sidebar__post-image -->
                  <div class="sidebar__post-content">
                    <span>20 Apr, 2020</span>
                    <h4 class="sidebar__post-title"><a href="/single-post">Pre launch Mobile App Marketing Pitfalls</a></h4>
                    <!-- /.sidebar__post-title -->
                  </div><!-- /.sidebar__post-content -->
                </div><!-- /.sidebar__post__single -->
                <div class="sidebar__post__single item">
                  <div class="sidebar__post-image">
                    <div class="inner-block"><img src="/assets/images/post-3.png" alt="Awesome Image"></div>
                    <!-- /.inner-block -->
                  </div><!-- /.sidebar__post-image -->
                  <div class="sidebar__post-content">
                    <span>20 Apr, 2020</span>
                    <h4 class="sidebar__post-title"><a href="/single-post">We design industry materials of innovation</a></h4>
                    <!-- /.sidebar__post-title -->
                  </div><!-- /.sidebar__post-content -->
                </div><!-- /.sidebar__post__single -->
              </div><!-- /.sidebar__post-wrap -->
            </div><!-- /.sidebar__single -->
            <div class="sidebar__single sidebar__category">
              <h3 class="sidebar__title">Categories</h3><!-- /.sidebar__title -->
              <ul class="sidebar__category-list">
                <li class="sidebar__category-list-item"><a href="#">Business</a></li>
                <li class="sidebar__category-list-item"><a href="#">Introductions</a></li>
                <li class="sidebar__category-list-item"><a href="#">One Page Template</a></li>
                <li class="sidebar__category-list-item"><a href="#">Parallax Effects</a></li>
                <li class="sidebar__category-list-item"><a href="#">New Technologies</a></li>
                <li class="sidebar__category-list-item"><a href="#">Video Backgrounds</a></li>
              </ul><!-- /.sidebar__category-list -->
            </div><!-- /.sidebar__single -->
            <div class="sidebar__single sidebar__tags">
              <h3 class="sidebar__title">Tags</h3><!-- /.sidebar__title -->
              <ul class="sidebar__tags-list">
                <li class="sidebar__tags-list-item"><a href="#">Construction,</a></li>
                <li class="sidebar__tags-list-item"><a href="#">Build,</a></li>
                <li class="sidebar__tags-list-item"><a href="#">Factory.</a></li>
                <li class="sidebar__tags-list-item"><a href="#">Engineering.</a></li>
                <li class="sidebar__tags-list-item"><a href="#">Repairing,</a></li>
                <li class="sidebar__tags-list-item"><a href="#">Industry,</a></li>
                <li class="sidebar__tags-list-item"><a href="#">Materials,</a></li>
                <li class="sidebar__tags-list-item"><a href="#">Mechanical,</a></li>
                <li class="sidebar__tags-list-item"><a href="#">Buildings,</a></li>
              </ul><!-- /.sidebar__category-list -->
            </div><!-- /.sidebar__single -->
          </div><!-- /.sidebar -->
        </div><!-- /.col-lg-4 -->
      </div><!-- /.row -->
    </div><!-- /.container -->
  </section>
</template>

<script>
    export default {
        name: "BlogSingle"
    }
</script>

<style scoped>

</style>
